/*
 *	MapMint Window CSS
 */


/*
 *	Window general
 */
.window {
	position:absolute;
	overflow:hidden;
	background:#E8E8E8;
	padding:5px;
	border:1px solid #949494;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	min-width:350px;

}
.window-shadow{
	position:absolute;
	background:#ddd;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}
.window .window-header{
	background:transparent;
	padding:2px 0px 4px 0px;
}

.window .window-body{
	background:#fff;
	border:1px solid #B6B6B6;
	border-top-width:0px;
	padding:10px;
}
.window .window-header .panel-icon{
	left:1px;
	top:1px;
}
.window .window-header .panel-with-icon{
	padding-left:18px;
}
.window .window-header .panel-tool{
	top:0px;
	right:1px;
}
.window-proxy{
	position:absolute;
	overflow:hidden;
	border:1px dashed #15428b;
}
.window-proxy-mask{
	position:absolute;
	background:#fafafa;
	filter:alpha(opacity=10);
	opacity:0.10;
}	
.window-mask{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=40);
	opacity:0.40;
	background:#ccc;
	display1:none;
	font-size:1px;
	*zoom:1;
	overflow:hidden;
}

.panel{
	overflow:hidden;
	font-size:12px;
}
.panel-header{
	padding:5px;
	line-height:15px;
	font-size:1em;
	color:#333333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	font-weight:bold;
	font-size:12px;
	background:url('../img/panel_title.png') repeat-x;
	position:relative;
	border:1px solid #B6B6B6;
}
.panel-header-noborder{
	border-width:0px;
	border-bottom:1px solid #909090;
}
.panel-body{
	overflow:auto;
	border:1px solid #99BBE8;
	border-top-width:0px;
}
.panel-body-noheader{
	border-top-width:1px;
}
.panel-body-noborder{
	border-width:0px;
}
.panel-with-icon{
	padding-left:18px;
}
.panel-icon{
	position:absolute;
	left:5px;
	top:4px;
	width:16px;
	height:16px;
}

.panel-tool{
	position:absolute;
	right:5px;
	top:4px;
}
.panel-tool a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-left:2px;
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.panel-tool a.panel-tool-over{
	opacity:1;
	filter:alpha(opacity=100);
}


a.l-btn{
	float:right;
	color:#333333;
	background: -moz-linear-gradient(top,  #e2e2e2,  #b6b6b6);
background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#b6b6b6));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2E2', endColorstr='#B6B6B6');
	font-size:12px;
	text-decoration:none;
	display:inline-block;
	zoom:1;
	height:24px;
	padding-right:18px;
	cursor:pointer;
	outline:none;
	margin:15px 0 5px 5px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow: #FFFFFF 0px 1px 0px;
		
}

a.l-btn-plain{
	background:transparent;
	padding-right:5px;
	border:1px solid transparent;
	_border:0px solid #efefef;
	_padding:1px 6px 1px 1px;
}

a.l-btn-disabled{
	color:#ccc;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:default;
}
a.l-btn span.l-btn-left{
	display:inline-block;
	padding:4px 0px 4px 18px;
	line-height:16px;
	height:16px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}
a.l-btn-plain span.l-btn-left{
	background:transparent;
	padding-left:5px;
}

a.l-btn span span.l-btn-text{
	display:inline-block;
	height:16px;
	line-height:16px;
	padding:0px;
}
a.l-btn span span span.l-btn-empty{
	display:inline-block;
	padding:0px;
	width:16px;
}
a:hover.l-btn{
	background-position: bottom right;
	outline:none;
}
a:hover.l-btn span.l-btn-left{
	background-position: bottom left;
}

a:hover.l-btn-plain{
	border:1px solid #7eabcd;
	background:url('../img/button_plain_hover.png') repeat-x left bottom;
	_padding:0px 5px 0px 0px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}
a:hover.l-btn-disabled{
	background-position:top right;
}
a:hover.l-btn-disabled span.l-btn-left{
	background-position:top left;
}


/*
 *	Window specific
 */
 
#add-database-dialog{width:350px;height:auto;}
#add-database-dialog table{margin:5px 0 0 0;width:100%;}

#add-directory-dialog{width:350px;height:auto;}
#dlg-buttons{margin:10px 0 0 0;}
#add-directory-dialog table{margin:5px 0 0 0;width:100%;}
#add-directory-dialog ul {margin:5px 0 0 0;padding:0;}
#add-directory-dialog ul li {margin:0;padding:0;display:inline;} 
#add-layer-dialog{width:350px;height:auto;max-height:250px;}
#add-layer-dialog p{margin:0;padding:10px 0 0 0;}

#open-map-dialog{width:350px;height:auto;}
#open-map-dialog p{margin:0;padding:10px 0 0 0;}

#save-as-map-dialog{width:350px;height:auto;}
#save-as-map-dialog table {margin:5px 0 0 0;width:100%;}

#zoom-to-point-dialog{width:350px;height:auto;}
#zoom-to-point-dialog table {margin:5px 0 0 0;width:100%;margin:0 auto;}
#zoom-to-point-dialog table tr td{padding:5px;}
input-zoom{width:70%;}

#change-srs-dialog{width:350px;height:auto;}
#change-srs-dialog table{margin:5px 0 0 0;width:100%;}

#change-format-dialog{width:350px;height:auto;}
#change-format-dialog table{margin:5px 0 0 0;width:100%;}

#preview-dialog{width:350px;height:auto;}

#view-table-dialog{width:550px;height:auto;}
#view-table-dialog.window-body{padding:0;font-size:1.3em;}

.dsContainer{font-size:1.3em;}



/*
 *	TileIndex window
 */
 
#tileindex-data-dialog{width:350px;height:320px;}
.ti-top, .sti-top, .ti-mid, .ti-bot{margin:0 0 5px 0;}


/*
 *	Layer properties
 */

#view-lprop-dialog{height:325px;height:325px;}



/*
 *	old toolbars
 */
#editing-toolbar.window-body, #spatial-toolbar.window-body, #raster-toolbar.window-body, #terrain-toolbar.window-body {padding:0px;border:0;background: -moz-linear-gradient(top,  #B6B6B6, #c7c7c7);
background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#b6b6b6));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2E2', endColorstr='#B6B6B6');}


/*
 *	OSM importer window
 */

#importOSM-dialog{background: url(../img/osm-window-bck.png) no-repeat top left;}
.osm-type, .osm-datastore, .osm-filename{margin:0 0 5px 0;}
.osm-attribution{font-size:.85em;padding:4px;background:#FFFFFF;color:#707070;-moz-border-radius:4px;-webkit-border-radius: 4px;border-radius:4px;position:absolute;bottom:5px;left:15px;}
.osm-attribution a, .osm-attribution a:visited{text-decoration:none;color:#979797;}
.osm-attribution a:hover, {color:#82a868;text-decoration:underline;}


/*
 *	Style window
 */
 
#style-dialog{width:350px;height:auto;}

#Styler_Labels table{width:100%;margin 0 auto;}
#Styler_Labels table tr td{padding: 5px ;}
#Styler_Labels table tr td.title{width:110px;}

table.classif {width:100%;margin 0 auto;}
table.classif tr td{padding: 5px ;}
table.classif tr td.title{width:110px;}

#flexiClasses table{width:100%;margin 0;}
#flexiClasses table tr td{margin:0;padding:0;}
#flexiClasses table tr td.title{width:auto;}

input.opacity{width:50px;border:0;background:#FFFFFF;border:0;display:inline;font-weight:bold;text-indent:10px;}


.point-symbol-container{width:100%;background:#FFFFFF;height:30%;margin:0 0 5px 0;border:0;-moz-border-radius:4px;-webkit-border-radius: 4px;border-radius:4px;border:1px solid #9f9f9f;}
.point-symbol-container img{margin:3px;margin-right:0;background:#E6E6E6;moz-border-radius:4px;-webkit-border-radius: 4px;border-radius:4px;}
.point-symbol-container .active img{margin:3px;margin-right:0;background:#43cb1f;}
.point-symbol-container img:hover{margin-right:0;background:#FFFFFF;}

.adds{margin:5px 0 5px;}

.ssy {margin: 3px 0 5px 0;}

div.color_picker {
  height: 20px;
  width: 20px;
  padding: 0 !important;
  border: 1px solid #9f9f9f;
  background: url(../img/arrow.gif) no-repeat top right;
  cursor: pointer;
  line-height: 20px;
  display:inline-block;
  		border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
}

div#color_selector {
  width: 150px;
  position: absolute;
  	padding:2px;
	border:1px solid #ccc;
	overflow:hidden;
		border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
  background-color: #EFEFEF;
  padding: 5px;
  z-index:10000000000;
  	-moz-box-shadow: 0 1px 0 rgba(123, 123, 123, 0.2);
	-webkit-box-shadow: 0 1px 0 rgba(123, 123, 123, 0.2);
}
  div#color_custom {width: 100%; float:left }
  div#color_custom label {font-size: .8em; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div#color_custom input {margin: 5px 2px; padding: 0; font-size: .8em; border: 1px solid #9F9F9F; width: 65%; }

div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #9F9F9F;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}


#symbolOrig, #symbolAdd{
    width: 450px;
    height: 120px;
    overflow-y: auto;
}

#symbolOrig{
    height: 40px;
}

#symbolAdd img:hover{
    border: 1px solid #ffffff;
}

#symbolAdd img:hover{
    border: 1px solid #00aa00;
}
